<template>
  <div class="d">
     <p v-for="(v,k) in arr" :key="k">{{v.du}}</p>
  </div>
</template>

<script>
export default {
    name:"did",
    props:["did"],
    data(){
        return{
          arr:[]
        }
    },
    mounted(){
        this.arr.push(this.did)
    },
    watch:{
        // 在watch 监听的时候 属性不带this 
        did:{// 
            handler(v1,v2){// handler 不能变
                // v1 新数据 v2 旧数据
                console.log(v1,v2)
                this.arr.push(v1)
                console.log(this.arr)
            },
            deep:true// 深度监听 监听的属性是一个 引用型数据类型

        }
    }
}
</script>

<style>

</style>